<template>
     <div id="box">
          <header>
               <ul>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
                 <li>添加发货人</li>
                 <li></li>
               </ul>
          </header>
          <section>
              <div class="one">
                 <b><img :src="img"></b>
                 <span>{{text}}</span>
                 <input type="text">
                 <b><img :src="imgs"></b>
              </div>
              <div class="two">
                 <b><img :src="imgss"></b>
                 <span>{{texts}}</span>
                 <input type="text">
               </div>
              <div class="two">
                 <b><img :src="image"></b>
                 <span>{{textss}}</span>
                 <input type="text">
               </div>
               <div class="two">
                 <b><img :src="images"></b>
                 <span>{{tet}}</span>
                 <input type="text">
               </div>
               <div class="three">
                 <span>{{aa}}</span>
               <div class="container">
                  <label class="switch">
                      <input type="checkbox" class="switch-input" checked>
                      <span class="switch-label" data-on="On" data-off="Off"></span>
                      <span class="switch-handle"></span>
                    </label>
               </div>
               </div>
                 <div class="four">
                 <button>{{bb}}</button>
        
               </div>
          </section>
        
      </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'box',
  data () {
    return{
       img:"../../static/ziliao_1.png",
       text:"姓名：",
       texts:"电话",
        textss:"地址",
        tet:"门派",
        aa:"设置为默认发货人",
       imgs:"../../static/xuan.png",
       imgss:"../../static/ziliao_7.png",
       image:"../../static/ziliao_8.png",
       images:"../../static/ziliao_9.png",
       bb:"确认"
    }
  },
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
} 

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/tianjiafahuoren.less";
   @import ".././assets/css/reset.css";
   @import ".././assets/css/anniu.css";
</style>